<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">

{% include head.html %}

<body>

  {% include header.html %}

  <div class="container">
    <div class="row">

      <div class="col-md-9">
        <div class="panel panel-default">
          {{ content }}
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="panel panel-info">
          <div class="panel-heading">
            <h3 class="panel-title">Related Articles</h3>
            {% for post in site.related_posts %}
            <li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></li>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>

  {% include footer.html %}

</body>

</html>